// 获取 下拉和单选框的数据  
const allCate1 = JSON.parse(localStorage.getItem('allCate'))
// console.log(allCate, allTag)
const allTag1 = JSON.parse(localStorage.getItem('allTag'))
$('#catename').html(allCate1.map(({
    catename,
    id
}) => `<option value=""></option>` + `<option value="${id}">${catename}</option>`).join(''))
form.render('select')
$('#tags').html(allTag1.map(({
    tagname
}) => `<input type="checkbox" value="${tagname}" name="tags" title="${tagname}">`).join(''))
form.render('checkbox')

//  富文本编辑器
const E = window.wangEditor
const editor = new E("#contentBox")

editor.create()

// * 上传图片
$('#ID-upload-demo-btn').on('click', function () {
    $('#file').click()
})
let imgEdit
$('#file').on('change', async function () {
    const file = this.files[0]
    // console.log(file)
    if (!file) {
        return layer.msg('请选择图片')
    }
    const imgStr = URL.createObjectURL(file)
    const fd = new FormData
    fd.append('file', file)
    // $('#img-Tou img').attr('src', url)
    const {
        data: {
            data
        }
    } = await axios.post('http://124.223.14.236:8060/common/upload', fd, {
        params: {
            "type": "images"
        }
    })
    // console.log(data)
    imgEdit = data.savePath
    $('#ID-upload-demo-img').attr('src', imgStr)
    // console.log(imgEdit)

})



// 文章状态的收集
//  关键看点击啥按钮
// 步骤
// 1.给按钮（发布 存为草稿） 注册click
// 2. 声明个变量来存状态数据
let state
// 发布按钮
$(".btn-success").click(() => {
    state = '2'
    // console.log(state)
})
// 草稿按钮
$(".btn-primary").click(() => {
    state = '1'
})

// 发送文章
// ! 代码位置(需要等到所有的数据都收集到了 在发送请求)
$('.form-add').submit(async function (e) {
    e.preventDefault()
    // console.log(state)
    const data = $(this).serializeArray();
    const title = data[0].value
    const interest = data[1].value
    console.log(data)
    const arr = data.filter(item =>
        item.name === 'tags'
    ).map(item => item.value).join(',')
    console.log(arr)
    const content = editor.txt.html()
    const dataAdd = {
        author: localStorage.getItem('user'),
        pic: imgEdit,
        status: state,
        content,
        tags: arr,
        title,
        cateid: interest
    }
    console.log(dataAdd)
    const {
        status
    } = await axios.post('/user/addArticle', dataAdd)
    console.log(status)
    if (status !== 200) return layer.msg('发布失败 请重新编辑')
    // 成功1秒后跳转会用户中心
    layer.msg(('发布成功,跳转文章中心'), {
        icon: 1,
        time: 1000 // 设置 2 秒后自动关闭
    }, function () {
        // 关闭后 跳转操作
        location.href = '../public/user-list.html'
    })
})